﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>文章列表1</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="${path}/party/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="${path}/party/css/pagination.css">
  <link rel="stylesheet" type="text/css" href="${path}/party/css/main.css">
</head>
<body>
<div>
  <!-- 导航部分 -->
  <div class="dj-head">
    <!-- 登录/搜索 -->
    <div class="dj-top">
      <div class="nav-center">
        <ul class="min-icon">
          <li class="qq"><a href="javascript:;"></a></li>
          <li class="weChat"><a href="javascript:;"></a></li>
          <li class="iphone"><a href="javascript:;"></a></li>
        </ul>
        <div class="search-div">
          <div class="login">
            <a href="javascript:;">登录</a>
            <i></i>
            <a href="javascript:;">注册</a>
          </div>
          <input type="text" class="form-control input-sm" placeholder="请输入搜索内容" />
        </div>
      </div>
    </div>
    <!-- logo/一级导航 -->
    <div class="dj-nav1">
      <div class="nav-center">
        <a href="javascript:;" class="logo"> </a>
        <ul class="nav1-ul">
          <li class="active">首页</li>
          <li>新时代党建之道</li>
          <li>党的建设</li>
          <li>企业社会责任文化</li>
          <li>中华传统德礼文化</li>
          <li>政策法规</li>
          <li>课程在线</li>
        </ul>
      </div>
    </div>
    <!-- 二级导航 -->
    <div class="dj-nav2">
      <ul class="nav2-ul" >
        <!-- <li>德法治国</li>
        <li class="active">课程研究</li>
        <li>专家观点</li>
        <li>示范基地</li> -->
        <template v-for="(items,index) in listData.nav">
            <li :class="{active:index == listData.twoNavActive}" @click="tabTwo(index,items)"> {{items.navName}} </li>
        </template>
      </ul>
    </div>
    <div class="dj-nav3">
      <div class="nav3-div">
        <!-- <a href="javascript:;" class="active">主题论坛</a>
        <a href="javascript:;">互动社区</a>
        <a href="javascript:;">课程招贤</a> -->
        <template v-for="(item,index) in listData.threeNav">
          <a href="javascript:;" :class="{active:index == threeNavActive}" @click="tabThree(index)">{{ item.twoNavName }}</a>
        </template>
      </div>
      </div>
    </div>

  <!-- 内容部分 -->
  <div class="dj-body">
    <div class="center-div">
      <div class="location-div"><!-- 当前位置 -->
        <img src="images/articlesList/icon_position.png" />
        您正在所在的位置：
        <p> 
          <a href="javascript:;">新时代党建之道</a> > 
          <a href="javascript:;">课程研究</a> > 
          <a href="javascript:;">主题论坛</a>
        </p>
      </div>
      <iframe src="http://localhost:8080/web/2-2-4/1536377219856000.html"></iframe>
      
    </div>
  </div>
</div>
<!-- javascritp flie -->
<script type="text/javascript" src="${path}/party/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="${path}/party/js/jquery.pagination.js"></script>
<script type="text/javascript" src="${path}/party/js/rem(750).js"></script>
<script type="text/javascript" src="${path}/party/js/vue2.js"></script>
<script type="text/javascript" src="${path}/party/plugin/nav-moveline/js/jquery.easing.js"></script>
<script type="text/javascript" src="${path}/party/plugin/nav-moveline/js/moveline.js"></script>
<script type="text/javascript" src="${path}/party/plugin/nav-moveline/js/toast.js"></script>
</body>
</html>
